import React from 'react';
import {Link} from 'dva/router';
import style from 'styled-components';


export default ({current, clickHand}) =>
  (
    <div className="TaskDetail-menu" style={{marginBottom:20}}>
      <Item
        className={current === 1 ? "current" : ""}
        onClick={() => clickHand(1)}>
        基础信息
      </Item>
      <Item
        className={current === 2 ? "current" : ""}
        onClick={() => clickHand(2)}>
        出勤规则
      </Item>
      <Item
        className={current === 3 ? "current" : ""}
        onClick={() => clickHand(3)}>
        任务成员名单
      </Item>
      <Item
        className={current === 4 ? "current" : ""}
        onClick={() => clickHand(4)}>
        人员排班
      </Item>
      <Item
        className={current === 5 ? "current" : ""}
        onClick={() => clickHand(5)}>
        出勤及轨迹
      </Item>
      {/*<Item*/}
        {/*className={current === 6 ? "current" : ""}*/}
        {/*onClick={() => clickHand(6)}>*/}
        {/*任务动态*/}
      {/*</Item>*/}
      {/*<Item*/}
        {/*className={current === 7 ? "current" : ""}*/}
        {/*onClick={() => clickHand(7)}>*/}
        {/*关联事项*/}
      {/*</Item>*/}
    </div>
  )
;


const Item = style.div`
  padding: 8px 10px;
  cursor:pointer;  
`;
